﻿{extend name="base" /}

{block name="body"}


<div class="main-container container">
	<ul class="breadcrumb">
		<li><a href="{:url('home/index/index')}"><i class="fa fa-home"></i></a></li>
		<li><a href="#">用户登陆</a></li>
	</ul>

	<div class="row">
		<div id="content" class="col-sm-12">
			<h1 class="title" align="center">用户登陆</h1>
			<p align="center">如果你还没有有本商城帐号请点击<a href="{:url('home/Register/index')}">注册页面</a>.</p>
			
			<form class="form-horizontal ajax-form"  method="post" action="{:url('loginProc')}" >

				<div class="row box-ota-info">
					<div class="col-md-12">
						<div class="box-body">


							<div class="form-group">
								<div class="col-sm-2"></div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">帐号</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" name="username" placeholder="请输入用户帐号或者邮箱" value="" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">密码</label>
								<div class="col-sm-8">
									<input type="password" class="form-control" name="password" placeholder="请输入密码" value="" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">验证码</label>
								<div class="col-sm-6">
									<input type="text" name="verify" class="verify form-control" placeholder="验证码" />
								</div>
								<div class="col-sm-2" align="center">
									<img src="{:captcha_src()}" alt="验证码" title="点击更换" onclick="this.src='{:captcha_src()}?time='+Math.random()" class="captcha img-responsive img-thumbnail center-block">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label"><a href="{:url('home/Register/index')}">立即注册</a></label>
								<label class="col-sm-2 control-label"><a href="www.baidu.com" target="_blank">忘记密码</a></label>
								<div class="col-xs-5">
									<button type="button"  class="btn btn-primary btn-block btn-flat submit-login">登陆</button>
								</div>
							</div>

						</div>
					</div>
				</div>
			</form>
		</div>

	</div>
</div>
<!-- //Main Container -->



{/block}

{block name="script"}
	<script type="text/javascript" src="__HJS__/login/index.js"></script>
{/block}